<%@ page contentType="text/html;charset=UTF-8"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src='https://www.google.com/recaptcha/api.js'></script>
<script type="text/javascript">
	var ctx = '${ctx}';
	console.log(ctx);
</script>
</head>
<script type="text/javascript">

	function reloadedCalCode() {
		document.getElementById("calCaptchaName").src="${pageContext.request.contextPath}/captcha/getCalCaptchaImage?"+Math.random();
	}
	
	function reloadedChineseCode() {
		document.getElementById("chineseCaptchaName").src="${pageContext.request.contextPath}/captcha/getChineseCaptchaImage?"+Math.random();
	}
	
	function reloadedSimpleCode() {
		document.getElementById("simpleCaptchaName").src="${pageContext.request.contextPath}/captcha/getSimpleCaptchaImage?"+Math.random();
	}
	function reloadedkCaptchaCode() {
		document.getElementById("simpleCaptchaName").src="${pageContext.request.contextPath}/captcha/getKCaptchaImage?"+Math.random();
	}
	
</script>
<body>
	到首页了
	<form action="${pageContext.request.contextPath}/login" method="post">
		<h4>需要计算的</h4>
		验证码：<input type="text" name="calCaptchaName"/>
		<img alt="验证码" id="calCaptchaName" src="${pageContext.request.contextPath}/captcha/getCalCaptchaImage" onclick="reloadedCalCode()"/>
		<a href="javascript:reloadedCalCode();">看不清楚</a><br>
		
		<h4>普通验证码</h4>
		验证码：<input type="text" name="simpleCaptchaName"/>
		<img alt="验证码" id="simpleCaptchaName" onclick="reloadedSimpleCode()" src="${pageContext.request.contextPath}/captcha/getSimpleCaptchaImage"/>
		<a href="javascript:reloadedSimpleCode();">看不清楚</a><br>
		
		<h4>需要输入汉字的</h4>
		验证码：<input type="text" name="chineseCaptchaName"/>
		<img alt="验证码" id="chineseCaptchaName" onclick="reloadedChineseCode()" src="${pageContext.request.contextPath}/captcha/getChineseCaptchaImage"/>
		<a href="javascript:reloadedChineseCode();">看不清楚</a><br>
		
		<h4>Google-Kcaptcha</h4>
		验证码：<input type="text" name="kCaptchaName"/>
		<img alt="验证码" id="kCaptchaName" onclick="reloadedkCaptchaCode()" src="${pageContext.request.contextPath}/captcha/getKCaptchaImage"/>
		<a href="javascript:reloadedkCaptchaCode();">看不清楚</a><br>
		
		<h4>全部提交</h4>
		<input type="submit" value="提交">
		<div class="g-recaptcha" data-sitekey="6Let1SoUAAAAAPe1kSgzxX95YH5BipsMZbdlTOGd"></div>
	</form>
	<a href="http://127.0.0.1:8590/multi-captcha/simpleCaptcha/toSimpleCaptchaPage">去往SimpleCaptcha开源验证码含音频</a><br>
	<a href="http://127.0.0.1:8590/multi-captcha/botDetect/toBotDetectPage">去往BotDetect开源验证码含音频</a><br>
	<a href="http://127.0.0.1:8590/multi-captcha/ueditor/">去往百度上传图片页面</a><br>
	<a href="http://127.0.0.1:8590/multi-captcha/ueditor/uploadifive">去往uploadifive</a><br>
	<a href="http://127.0.0.1:8590/multi-captcha/ueditor/uploadify">去往uploadify</a><br>
</body>
</html>